1. Why Visual Perception Matters
Data visualization is not only about displaying data.
It is about how humans perceive, process, and interpret information.
Understanding visual perception helps us design charts that are easier to understand and more effective at communicating insights.
🧠Remember:
Good visualization works WITH the brain,
not AGAINST it.
2. Gestalt Laws of Perceptual Organization
Gestalt principles explain how humans naturally organize visual elements into meaningful groups and patterns.
"The whole is greater than the sum of its parts."
People do not see individual bars, points, or lines.
They see trends, clusters, and relationships.
Exam Keyword:
Prägnanz (Simplicity)
3. Law of Similarity
Elements that look similar are perceived as belonging together.
Points with the same color are automatically grouped by viewers.
Similar colors, shapes, or sizes create visual groups.
🧠Similar Look = Similar Group
4. Law of Proximity
Objects placed close together are perceived as related.
Dots positioned near one another appear to form a cluster.
Distance affects grouping more than appearance.
🧠Close Together = Belong Together
5. Law of Enclosure
Objects inside the same boundary are perceived as a group.
Dashboard sections surrounded by borders appear related.
Boxes, shaded regions, and containers help organize information.
6. Law of Closure
People mentally complete incomplete shapes or patterns.
In a line chart with missing data, viewers often imagine the missing connection.
The brain fills in gaps to create complete forms.
🧠Missing Pieces → Brain Completes Them
7. Law of Continuity
Elements arranged along a smooth path are perceived as related.
Aligned points in a line chart appear as a continuous trend.
The eye naturally follows smooth paths and lines.
8. Law of Connectedness
Objects connected by lines are perceived as belonging together.
Network diagrams use connecting lines to indicate relationships.
Connection is one of the strongest grouping cues.
9. Law of Figure-Ground
People naturally separate visual information into foreground (figure) and background (ground).
| Component |
Description |
| Figure |
Main object of attention |
| Ground |
Background information |
Effective visualizations emphasize important data while reducing background distractions.
10. Law of Prägnanz (Simplicity)
People prefer the simplest and most organized interpretation of visual information.
Sorting a chart makes patterns easier to identify.
Simpler visualizations are easier to understand.
🧠Simpler = Clearer
11. Summary of Gestalt Principles
| Principle |
Meaning |
| Similarity |
Similar objects are grouped |
| Proximity |
Nearby objects are grouped |
| Enclosure |
Objects inside boundaries are grouped |
| Closure |
Incomplete objects are mentally completed |
| Continuity |
Aligned objects form a continuous path |
| Connectedness |
Connected objects belong together |
| Figure-Ground |
Separate focus from background |
| Prägnanz |
Prefer simple patterns |
12. Preattentive Processing
Preattentive processing is the ability of the brain to detect certain visual properties almost instantly before conscious attention occurs.
Highlighting all number 4s in red makes them immediately visible without counting.
Detection occurs within milliseconds.
Exam Keyword:
Instant Pattern Recognition
13. Preattentive Attributes
| Attribute |
Purpose |
| Color |
Highlight important information |
| Size |
Emphasize key values |
| Shape |
Differentiate categories |
| Orientation |
Draw attention to unusual elements |
| Position |
Reveal patterns and outliers |
🧠CSSOP
Color → Size → Shape → Orientation → Position
14. Why Preattentive Processing Matters
- Directs attention immediately
- Reduces cognitive effort
- Improves understanding
- Reveals patterns quickly
- Supports faster decision making
Good visualizations guide attention toward important information.
15. Final Exam Summary
Most Important Points
- Gestalt Laws:
Explain how humans naturally organize visual information.
- Similarity:
Similar objects form groups.
- Proximity:
Close objects form groups.
- Closure:
The brain fills missing gaps.
- Continuity:
The eye follows smooth paths.
- Connectedness:
Connected objects belong together.
- Figure-Ground:
Separate important information from background.
- Prägnanz:
Simpler visualizations are easier to understand.
- Preattentive Processing:
Visual features are detected instantly.
- Preattentive Attributes:
Color, Size, Shape, Orientation, Position.